<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>地图加载器</title>
    <link href="./lib/Cesium/Widgets/widgets.css" rel="stylesheet" />
    <link href="./css/main.css" rel="stylesheet" />
    </head>
    <body>
      <div id="cesium-viewer"></div>
      <div class="action-panel">
          <div class="action-row">
              <label for="">三维模型地址：</label>
              <input id="mapUrl" type="text">
              <button id="loadMapBtn">加载</button>
          </div>
          <div class="action-row">
            <label for="">定位坐标：</label>
            <input id="locationInput" type="text" placeholder="纬度,经度">
            <button id="locationBtn">定位</button>
        </div>
        <div class="action-row">
            <label for="">定位地址：</label>
            <input id="positonInput" type="text" placeholder="位置关键字">
            <button id="positonBtn">定位</button>
        </div>
          <div class="action-row">
            <label for="">当前经纬度：</label>
            <input id="latlngInput" type="text">
          </div>
          <div class="action-row">
            <label for="">当前三维坐标：</label>
            <input id="cartesianInput" type="text">
          </div>
          <div class="action-row">
            <label for="">当前视角：</label>
            <!-- <input type="text"> -->
            <textarea id="cameraInput" rows="6"></textarea>
            <button id="getCameraBtn" style="vertical-align: top;">获取</button>
          </div>
      </div>
      <div class="compass">
        <img id="pointer" style="margin-top: 20px;" src="./img/compass_pointer.png" height="70" alt="">
      </div>
    <script src="./lib/Cesium/Cesium.js"></script>
    <script src="./lib/jquery.js"></script>
    <script src="./js/app.js"></script>
</body>
</html>